<template>
	<view style="background-color: #edf1f2;min-height: 100vh;">
		<view style="height: 284upx; background: #3291F8;"></view>
		<view class="box" style="margin-top: 40upx;">
			<view class="topBox-head">
				<image :src="list.base.head_img" mode=""></image>
				<view class="head-tit">{{ list.base.name }}</view>
			</view>
			<view class="topBox">
				<view class="zuo">
					<text style="border-left: 8upx solid #3291F8;padding: 0 15upx;">基本资料</text>
				</view>
			</view>
			<view class="portrait">
				<view style="margin-bottom: 14upx;">性别：{{ list.base.sex_type_name }}</view>
				<view style="margin-bottom: 16upx;">年龄：{{ list.base.age }}岁</view>
				<view style="margin-bottom: 18upx;">所在城市：{{ list.base.city_name }}市</view>
				<view style="margin-bottom: 14upx;">联系电话：{{ list.base.mobile }}</view>
			</view>
		</view>
		<view class="box">
			<view class="topBox">
				<view class="zuo">
					<text style="border-left: 8upx solid #3291F8;padding: 0 15upx;">自我评价</text>
				</view>
			</view>
			<view class="portrait">
				<view style="margin: 10upx 0" v-if="list.base.evaluate">{{ list.base.evaluate }}</view>
				<view v-else>暂无评价</view>
			</view>
		</view>
		<view class="box">
			<view class="topBox">
				<view class="zuo">
					<text style="border-left: 8upx solid #3291F8;padding: 0 15upx;">求职意向</text>
				</view>
			</view>
			<view class="portrait">
				<view style="margin-bottom: 14upx;">期望职位：{{ list.expect.exp_job }}</view>
				<view style="margin-bottom: 16upx;">求职地区：{{ list.expect.province_name}}-{{ list.expect.city_name }}</view>
				<view style="margin-bottom: 18upx;">期望薪资：{{ list.expect.exp_salary_type_name }}</view>
				<view style="margin-bottom: 14upx;">工作性质：{{ list.expect.exp_work_type_name }}</view>
			</view>
		</view>
		<view class="zhanwei"></view>
		<view class="foot-btn">
			<view class="foot-line"></view>
			<view class="btn-box">
				<view class="foot-btn-center" @click="checkJianli(id)">查看简历</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				list:{
					base:{
						head_img:''
					},
					expect:{}
				},
			}
		},
		onLoad(e) {
			this.id=e.id
			this.getData()
		},
		methods: {
			async getData() {
				const res = await this.get('/Index/Index/get_user_resume_info', {'id':this.id});
				if(res.code == 200){
					this.list = res.data
				}
			},
			checkJianli(id){
				uni.navigateTo({
					url:'get_talent_jianliyulan?id='+id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		margin: 30upx;
		border-radius: 15rpx;
		background-color: #FFFFFF;
		position: relative;
		top: -200upx;
		left: 0;
	}
	.topBox-head{
		display: flex;
		align-items: center;
		flex-direction: column;
		image{
			width: 130upx;
			height: 130upx;
			border-radius: 50%;
			border: 8upx solid #FFFFFF;
			position: absolute;
			left: 280upx;
			top: -70upx;
		}
		.head-tit{
			margin-top: 85upx;
			font-size: 36upx;
		}
	}
	.topBox{
		display: flex;
		padding: 30rpx;
		color: #3291F8;
		box-sizing: border-box;
		border-bottom: 2rpx solid rgba($color: #BBBBBB, $alpha: .5);
		.zuo{
			 display: flex;
			 align-items: center;
			 font-size: 35rpx;
		}
	}
	.portrait{
		color: #101010;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.zhanwei{
		height: 105upx;
	}
	.foot-btn{
		position: fixed;
		left: 0;
		bottom: 0;
		height: 140upx;
		background: #FFFFFF;
		.foot-line{
			width: 749upx;
			margin-bottom: 24upx;
			border: 2upx solid #F0F0F0;
		}
		.btn-box{
			display: flex;
			justify-content: center;
			.foot-btn-center{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 442upx;
				height: 92upx;
				color: #FFFFFF;
				font-size: 36upx;
				background: #3291F8;
				border-radius: 10upx;
			}
		}
	}
</style>
